<!DOCTYPE html>
<html>
<html class="mdc-typography">

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC" type="text/css">
    <link rel="stylesheet" href="../mdl/icon.css" type="text/css">
    <link rel="stylesheet" href="../mdl/material.blue-pink.min.css" />
    <script defer src="../mdl/material.min.js" type="text/javascript"></script>
    <script nomodule defer src="https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/katex.js" integrity="sha384-atIluo+2Hixq8HCazSQWa1JjeC5L0CQeWAx74Q+EbqgAW4UixbrBQF4+1jvBX01b" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/katex.css" integrity="sha384-JwmmMju6Z7M9jiY4RXeJLoNb3aown2QCC/cI7JPgmOLsn3n33pdwAj0Ml/CMMd1W" crossorigin="anonymous">

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-118704626-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-118704626-1');
    </script>

    <style>
        .html{
            font-family: Noto Sans SC;
        }
        .mdl-card {
            width: fit-content;
            margin-left: auto;
            margin-right: auto;
            font-family: Noto Sans SC;
        }
        .material-icons {
            margin: 10
        }
    </style>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        bilibili小电视函数
    </title>
</head>

<body>
    <script type="text/javascript">
        var w = getQueryVariable("w");
        var a = getQueryVariable("a");
        var isdebug = getQueryVariable("isdebug");

        function getQueryVariable(variable){
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i=0;i<vars.length;i++) {
                var pair = vars[i].split("=");
                if(pair[0] == variable){return pair[1];}
            }
            return(false);
        }
    </script>

    <div class="mdl-layout mdl-js-layout">
        <header class="mdl-layout__header mdl-layout__header--scroll">
            <div class="mdl-layout__header-row">
                <!-- Title -->
                <span class="mdl-layout-title">bilibili小电视函数</span>
                <!-- Add spacer, to align navigation to the right -->
                <div class="mdl-layout-spacer"></div>
                <!-- Navigation -->
            </div>
        </header>
        <div class="mdl-layout__drawer">
            <span class="mdl-layout-title">bilibili小电视函数</span>
            <nav class="mdl-navigation">
                <a class="mdl-navigation__link" href="https://acedroidx.github.io/?f=biliTV">Github</a>
                <a class="mdl-navigation__link" href="https://space.bilibili.com/39373763/">B站空间</a>
                <a class="mdl-navigation__link" href="https://www.bilibili.com/video/av33779680/">B站空间</a>
            </nav>
        </div>
        <main class="mdl-layout__content">
            <div class="page-content">
                <div class="mdl-card mdl-shadow--2dp" style="margin-top: 50px;">
                    <div class="mdl-card__title mdl-card--border">
                        简介
                    </div>
                    <div class="mdl-card__supporting-text" id="url" style="color: rgba(0,0,0,.87);">
                        视频链接：<a href="https://www.bilibili.com/video/av33779680/">https://www.bilibili.com/video/av33779680/</a><br>
                        网页UI使用<a href="https://github.com/google/material-design-lite">material-design-lite</a>库<br>
                        使用<a href="https://katex.org">KaTeX</a>渲染函数<br>
                        By AceDroidX<br>
                        <a href="https://acedroidx.github.io/?f=biliTV">Github</a><br>
                        <a href="https://space.bilibili.com/39373763/">B站空间</a><br>
                        如果下方函数无法显示请使用Chrome浏览器打开
                    </div>
                </div>
                <div class="mdl-card mdl-shadow--2dp" style="margin-top: 50px;">
                    <div class="mdl-card__title mdl-card--border">
                        函数
                    </div>
                    <div class="mdl-card__supporting-text" id="url" style="color: rgba(0,0,0,.87);">
                        <span class="katex-display" id="katex">

                        </span>
                        <script type="module" type="text/javascript">
                            import katex from 'https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/katex.mjs';
                            var func = String.raw`\begin{cases}
f1(x)=\{0.3x+2.5,-4.86≤x≤-2.23 \\
f2(x)=\{-3.5x-16,-4.86≤x≤-4.605 \\
f3(x)=\{4,-6.5≤x≤6.5 \\
f4(x)=\{-4.5,-6.5≤x≤6.5 \\
f5(x)=\{0.3x+1.5,-4.6≤x≤-1.97 \\
f6(x)=\{-3.5x-6,-2.23≤x≤-1.96 \\
f7(x)=\{-0.3x+1.5,1.97≤x≤4.6 \\
f8(x)=\{-0.3x+2.5,2.23≤x≤4.86 \\
f9(x)=\{3.5x-6,1.96≤x≤2.23 \\
f10(x)=\{3.5x-16,4.605≤x≤4.86 \\
f11(x)=\{-\sqrt{(2.15+x)(0.15-x)}-1.5,-2≤x≤0 \\
f12(x)=\{-\sqrt{(0.15+x)(2.15-x)}-1.5,0≤x≤2 \\
f13(x)=\{-\sqrt{(2+x)(0.1-x)}-1,-1.7≤x≤0 \\
f14(x)=\{-\sqrt{(0.1+x)(2-x)}-1,0≤x≤1.7 \\
f15(x)=\{-\sqrt{(5+x)(-3-x)}-4.5 \\
f16(x)=\{-\sqrt{(-5+x)(3-x)}-4.5 \\
f17(x)=\{x+2,2≤x≤4.5 \\
f18(x)=\{-x+2,-4.5≤x≤-2 \\
f19(x)=\{x+1,3≤x≤5 \\
f20(x)=\{-x+1,-5≤x≤-3 \\
f21(x)=\{1x-0.05,-2≤x≤-1.7 \\
f22(x)=\{-1x-0.05,1.7≤x≤2 \\
f23(x)=\{x+11,-5≤x≤-4.5 \\
f24(x)=\{-x+11,4.5≤x≤5 \\
f25(x)=\{\sqrt{(7.5+x)(-5.5-x)}+3,x≤-6.5 \\
f26(x)=\{\sqrt{(-5.5+x)(7.5-x)}+3,x≥6.5 \\
f27(x)=\{-\sqrt{(7.5+x)(-5.5-x)}-3.5,x≤-6.5 \\
f28(x)=\{-\sqrt{(-5.5+x)(7.5-x)}-3.5,x≥6.5 \\
f29(x)=\{3,-6≤x≤6 \\
f30(x)=\{-3.5,-6≤x≤6 \\
f31(x)=\{\sqrt{(5.5+x)(-6.5-x)}+2.5,x≤-6 \\
f32(x)=\{-\sqrt{(5.5+x)(-6.5-x)}-3,x≤-6 \\
f33(x)=\{\sqrt{(-5.5+x)(6.5-x)}+2.5,x≥6 \\
f34(x)=\{-\sqrt{(-5.5+x)(6.5-x)}-3,x≥6
\end{cases}`;
                            katex.render(func, document.getElementById("katex"), {
                                throwOnError: true
                            });
                        </script>
                    </div>
                </div>
            </div>
        </main>
    </div>

    <!-- <script type="text/javascript">
        var currentUrl = window.location.host
        var url = document.getElementById("url")
        url.innerHTML=url.innerHTML.replace(/currentUrl/g,currentUrl).replace(/8080/g,"2121")

        //document.getElementById("demo").innerHTML = "段落已修改。";
        function myrefresh() {
                window.location.reload();
            }
            //setTimeout('myrefresh()',500); //指定1秒刷新一次
    </script> -->
</body>

</html>
